<section class="l-sidemenu-wrap sidemenu-wrap font-opensans" [hidden]="sideBarWidth === 0">
    <div class="l-sidemenu" [style.width.px]="sideBarWidth">
        <div class="l-title-group">
            <pp-side-bar-title-container></pp-side-bar-title-container>
        </div>
        <div class="l-contents-group">
            <pp-server-status-container></pp-server-status-container>
            <div class="l-chart-group-list">
                <pp-scatter-chart-container></pp-scatter-chart-container>
                <pp-target-list-container></pp-target-list-container>
                <hr *ngIf="hasTopElement()"/>
                <pp-response-summary-chart-for-side-bar-container></pp-response-summary-chart-for-side-bar-container>
                <hr/>
                <pp-load-chart-for-side-bar-container></pp-load-chart-for-side-bar-container>
            </div>
        </div>
    </div>
    <pp-info-per-server-container></pp-info-per-server-container>
</section>
<pp-film-for-disable *ngIf="useDisable" [zIndex]="100" [marginWidth]="0"></pp-film-for-disable>
<pp-loading [showLoading]="showLoading" [zIndex]="101" [hidden]="sideBarWidth === 0"></pp-loading>
